<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="renderer" content="webkit">
<title>考勤信息查询</title>
<link rel="stylesheet" type="text/css" href="../../css/cm-default.css"  />
<link rel="stylesheet" type="text/css" href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" />
<link rel="stylesheet" type="text/css" href="../../lib/ligerUI/skins/Gray2014/css/all.css" />
<link rel="stylesheet" type="text/css" href="../../lib/ligerUI/skins/ligerui-icons.css" />
<link rel="stylesheet" type="text/css" href="../../lib/bootstrap//css/bootstrap.css"/>
<link type="text/css" rel="stylesheet" href="../../css/public.css"  />
<link type="text/css" rel="stylesheet" href="../../css/pub.css"  />
<script src="../../lib/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../../lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
<script src="../../lib/autoInput/AutoInput.js" type="text/javascript"></script>
<script src="../../lib/My97DatePicker/WdatePicker.js"></script>
<script src="../../js/common.js" type="text/javascript"></script>
<script src="../../lib/bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="../../js/pub.js" type="text/javascript"></script>
<script type="text/javascript">
    var defGrid,paramS;
    paramS =new Object();
    $(function(){
        defGrid = $("#query_list").ligerGrid({
            columns:[
                {display:'机器序列号',name:'machsn',width:150,minWidth:60,align:'left'},
                {display:'机器号',name:'machcode',width:80,minWidth:60,align:'left'},
                {display:'设备名称',name:'machname',width:180,minWidth:60,align:'left'},
                {display:'设备IP',name:'machip',width:120,minWidth:60,align:'left'},
                {display:'员工编号',name:'userid',width:80,minWidth:60,align:'left'},
                {display:'员工名称',name:'username',width:150,minWidth:60,align:'left'},
                {display:'考勤时间',name:'attendtime',width:180,minWidth:60,align:'left'},
                {display:'验证方式',name:'verify_method',width:100,minWidth:60,align:'left'},
            ],
            pageSize:10,
            usePager: true,
            dataAction:'server',
            url: '/attendance/queryAttend',
            contentType: "application/json; charset=utf-8",
            postData:paramS,
            width:'96%',
            height:'96%',
            checkbox:false,
            rownumbers:false,
            fixedCellHeight:false,
            colDraggable:true,
            enabledEdit:false,
            clickToEdit:false,
            isScroll:true,
            onSelectRow:function(rowdata, rowindex){$("#txtrowindex").val(rowindex);},
        });
        $("#pageloading").hide();

    });

    //查询方法
    function toQuery() {
		paramS.userid = $("#useridQ").val();
		paramS.ssn = $("#ssnQ").val();
		paramS.name = $("#nameQ").val();
		paramS.machname = $("#machname").val();
		paramS.timestart = $("#timestart").val();
		paramS.timeend = $("#timeend").val();
        paramS.rt='l';
        //重置页码
        defGrid.set({
            page : 1,
            newPage : 1,
            postData : paramS
        });
        // grid 重新加载数据
        defGrid.loadData();
    }
</script>
<style type="text/css">
    label{margin: 5px 20px 5px 15px;}
    .fields{height:35px;padding-top:5px;}
    .dict-info{width: 260px;padding: 10px;}
    .diff {margin:3px 0;}
    .lineD {width:99%;float:left;position:relative;overflow:hidden;margin:10px 0 2px 2px}
    .labelD {width:13%;position:relative;float:left;padding-top:3px;}
    .dplD {width:36%;position:relative;float:left;}
    .title{font-size:14px;font-weight:bold;background-position:left;padding-left:18px;}
    .l-dialog-content-nopadding{padding:0 !important;}
</style>
</head>
<body>
<div class="list_tab contextHeight">
    <div class="searchContent">
        <div class="searchForm" style="height: 80px">
            <form id="form1" class="form-inline" action="">
             <div class="form-group"  style="float: left">
                    <label for="useridQ">员工编号:</label>
                    <input type="text" class="form-control input-sm" id="useridQ" placeholder="">
                    <label for="ssnQ">身份证号:</label>
                    <input type="text" class="form-control input-sm" id="ssnQ" placeholder="">
                    <label for="nameQ">员工姓名:</label>
                    <input type="text" class="form-control input-sm" id="nameQ" placeholder="">
               </div>
                </br>
                </br>
                <div class="form-group" style="float: left">
                   <label for="machname">设备名称:</label>
                   <input type="text" class="form-control input-sm" id="machname" placeholder="">
                  <label for="timestart">开始日期:</label>
				  <input type="text" name="timestart" id="timestart" 
				        class="form-control input-sm Wdate readonly" 
				        readonly="readonly" 
				        data-toggle="tooltip" data-placement="right" title=""
				        onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
				  <label for="timeend">截止日期:</label>
				  <input type="text" name="timeend" id="timeend" 
				        class="form-control input-sm Wdate readonly" 
				        readonly="readonly" 
				        data-toggle="tooltip" data-placement="right" title=""
				        onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
                &nbsp;&nbsp;
                <button type="button" onclick="toQuery();" class="btn btn-primary btn-sm">查询</button>
                &nbsp;&nbsp;
                <button type="button" onclick="toReset('#useridQ,#ssnQ,#nameQ');" class="btn btn-primary btn-sm">清空</button>
                </div>
            </form>
        </div>
    </div>
    <div class="listTable">
        <div class="split_line"></div>
        <div id="query_list" style="padding: 0;margin:0 auto;"></div>
    </div>
</div>
<div id="pageloading"></div>
</body>
</html>